<template>
  <div class="check-big">
    <viewer :images="bigImg" :options='options' class="viewer" ref="viewer"
        @inited="inited">
          <img v-for="src in bigImg" :key="src" v-show="false" :src="src"/>
    </viewer>

  </div>
</template>

<script>

export default {
  props:['bigImg'],
  data(){
    var _this = this
    return{
      options:{
          hidden(){
            _this.$emit('hidden')
          },
      }
    }
  },
  methods:{
    inited(viewer){
      this.$viewer = viewer
      this.$viewer.show(0)
    },
  },
}
</script>

<style lang='scss' scoped>
.check-big{
  width: 100%;
  z-index: 1200;
  height: 100vh;
  background-color: rgba($color: #000000, $alpha: 0.85);
  position: absolute;
  top: 0;
  left: 0;
}
</style>